<%@page import="Model.Mobile"%>
<%@page import="java.util.ArrayList"%>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%

        request.setCharacterEncoding("UTF-8");
        response.setCharacterEncoding("UTF-8");
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="SHORTCUT ICON" href="image/shrotcuticon.png"></link>
        <title>Mobile Shop</title>

        <link href="css/style.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" type="text/css" href="menu/menu_style.css" />
        <link rel="stylesheet" href="slide/nivo-slider.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="slide/style.css" type="text/css"/>
        <script type="text/javascript" src="slide/scripts/jquery-1.4.3.min.js"></script>
        <script type="text/javascript" src="slide/jquery.nivo.slider.pack.js"></script>
        <script type="text/javascript" src="menu/stmenu.js"></script>

        <script type="text/javascript">
            $(window).load(function() {
                $('#slider').nivoSlider();
            });
        </script>
        <script type="text/javascript" src="tooltip/jtip.js"></script>
        <link href="tooltip/css/global.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="validate.js"></script>
        <script type="text/javascript">
            function validate(){
                return confirm("Bạn có thật sự muốn xóa loại điện thoại này khỏi giỏ hàng");
            }
        </script>

    </head>

    <body>
        <a name="top" id="top"></a>
        <div id="frame">
            <div id="page">
                <div id="header">
                    <%@include file="header.jsp"  %>
                    <%@include file="menu.jsp" %>

                </div>
                <!--        end header -->
                <div id="content">
                    <%@include file="leftpane.jsp" %>
                    <div id="rightside">
                        <script src="libjs/jquery.validate.js" type="text/javascript"></script>
                        <%@include file="slide.jsp" %>
                        <div></div>

                        <div id="payment" style="margin-left:5px;margin-top:50px;">
                            <div class="box_header">
                                <h4 class="title_center">THÔNG TIN KHÁCH HÀNG</h4>
                            </div >
                            <div class="box_center" style="height:700px;">
                                <table width="100%" border="0" cellspacing="0" cellpadding="5">
                                    <tr>
                                        <td class="borderheader">Phương thức giao hàng</td>
                                        <td class="borderheader">Thời gian dự kiến</td>
                                        <td class="borderheader">Dịch vụ</td>
                                    </tr>
                                    <tr>
                                        <td>Giao hàng tân nơi trong nội thành</td>
                                        <td>Nhận hàng trong vòng 24 tiếng </td>
                                        <td>20.000 VNĐ</td>
                                    </tr>
                                    <tr>
                                        <td>Qua bưu điện</td>
                                        <td>Nhận hàng sau 3-4 ngày</td>
                                        <td>50.000 VNĐ</td>
                                    </tr>
                                </table>
<form onsubmit="return validateForm(this);"  action="InfoCheckOut" method="post" name="frm_booking">
                                <table width="100%" border="0" cellspacing="0" cellpadding="5">
                                    <tr>
                                        <td class="borderheader">Phương thức thanh toán</td>
                                        <td class="borderheader">Hướng dẫn sử dụng</td>
                                    </tr>
                                    <tr>
                                        <td><input type="radio" name="paytype"  value="Tiền mặt trực tiếp" checked/>
                                            <label for="pay">Tiền mặt trực tiếp</label></td>
                                        <td>Quý khách có thể thanh toán tiền mặt khi nhân viên đến giao hàng</td>
                                    </tr>
                                    <tr>
                                        <td><input type="radio" name="paytype"  value="Chuyển khoản" />
                                            <label for="pay2">Chuyển khoản</label></td>
                                        <td>Ngân hàng Ngoại Thương VN - VietcomBank - chi nhánh Kỳ Đồng, Quận 3, TP.HCM<br />
                                            Chủ tài khoản: Công ty CP Mobile Shop<br />
                                            Số tài khoản: 044.100.061.5156</td>
                                    </tr>
                                    <tr>
                                        <td><input type="radio" name="paytype"  value="Qua bưu điện" />
                                            <label for="pay3">Qua bưu điện</label></td>
                                        <td>Nội dung: <strong>Mua Online &lt;Tên sản phẩm&gt; - &lt;Tên sản phẩm&gt; - &lt;Ngày&gt;</strong><br />
                                            Người nhận: <strong>Công ty Cổ Phần Thế Giới Di Động</strong><br />
                                            Địa chỉ: <strong>Phòng Online, 74-76 C2 Hoàng Thoa Thám, P.13, Q.Tân Bình, TP.HCM </strong><br />
                                            Điện thoại: 1900.561.292 </td>
                                    </tr>
                                </table>
                                <%String name = "";
                                    String address = "";
                                    String phone = "";
                                    String province = "";
                                    if (user != null) {
                                        name = user.getHoTen();
                                        province = user.getTinh();
                                        address = user.getDiaChi();
                                        phone = user.getDienThoai();
                                    }%>
                                
                                    <div class="pay" style="width: 150px;"></div>
                                    <div class="pay" style=" width: 400px;">Những thông tin <span class="style1">(*)</span> là bắt buộc</div>
                                    <div class="pay" style="width: 150px;"><b>Họ tên <span class="style1">(*)</span>:</b></div>
                                    <div class="pay" style="width: 400px;"><input type="text" style="width: 300px;" value="<%=name%>" name="txt_name" /></div><br />
                                    <div class="pay" style="width: 150px;"><b>Điện thoại <span class="style1">(*)</span>:</b></div>
                                    <div class="pay" style="width: 400px;"><input type="text" style="width: 300px;" value="<%=phone%>" name="txt_phone" /></div>
                                    <div style="width: 150px; " class="pay"><b>Số CMND <span class="style1">(*)</span>:</b></div>
                                    <div class="pay" style="width: 400px;"><input type="text" style="width: 300px;"  name="txt_cmnd" /></div>
                                    <div class="pay" style="width: 150px;" ><b>Tỉnh <span class="style1">(*)</span>:</b></div>
                                    <div  class="pay" style="width: 400px;">
                                        <select size="1" name="province" id="idprovince">
                                            <%
                                                Connection connection = ConnectDatabase.getConnection();
                                                Statement statement = connection.createStatement();
                                                ResultSet listProvince = statement.executeQuery("SELECT * FROM province");
                                                while (listProvince.next()) {
                                            %>
                                            <option value="<%=listProvince.getInt(1)%>" <%/*if(listProvince.getString(1)==province) out.print("selected");*/
                                            %>><%=listProvince.getString(2)%></option>
                                            <%}
                                                connection.close();%>
                                        </select>

                                    </div>
                                    <div class="pay" style="width: 150px;" ><b>Địa chỉ giao hàng <span class="style1">(*)</span>:</b></div>
                                    <div  class="pay" style="width: 400px;">
                                        <input type="text" style="width: 300px;" value="<%=address%>" name="address" />
                                    </div>
                                    
                                    <div class="pay" style="width:150px"><b>Mã Xác Nhận <span class="style1">(*)</span>:</b></div>
                                    <div class="pay" style="width: 400px;">
                                        <img src="CaptchaServlet" alt="Captcha not load">
                                    </div>
                                    <%String error = (String)request.getAttribute("captchaerror"); %>
                                    <div class="pay" style="width:150px"><b>Nhập Mã Xác Nhận <span class="style1">(*)</span>:</b></div>
                                    <div class="pay" style="width: 400px;">
                                        <input type="text" style="width: 300px;"name="captcha" />
                                        <%if(error != null){%>
                                        <span class="style1"><%=error%></span>
                                        <%}%>
                                    </div>
                                    <div style="width: 150px; " class="pay"><b>Ghi chú :</b></div>
                                    <div class="pay" style="width: 400px;">
                                        <textarea style="width: 300px;" value="" name="note"></textarea>
                                    </div>
                                    <div class="clearboth"></div>
                                    <div style="float: left; width: 300px; margin-top: 10px; margin-left: 10px; text-align: right;">
                                        <input type="submit" value="Tiếp tục" name="bt_contact" class="contact_button" />
                                        <input type="reset" value="Làm lại" name="bt_reset" class="contact_button" />
                                    </div>
                                    <div class="clearboth"></div>
                                    <div class="blank"></div>
                                </form>





                            </div>

                        </div>
                    </div>
                </div>
                <!--    end content -->

                <!--    end content -->
            </div>
            <%@include file="footer.jsp" %>
            <!--    end page -->
        </div>
    </body>
</html>
